{% extends "base.html" %} 

{% block title %}AutoCartel - {{ brand }} {% endblock %}

{% block body %}
<div class="container">

    <!--news-->
    <div class="row-fluid">
        <div class="span2">
            <div class="navbar-inner">
                <ul class="nav">
                    <img class="img-font" src="/static/client/img/news.png" data-id="8022"></img>
                    </br>
                    </br>
                    <li>
                        <a href="cats.html">
                            <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded"
                                 src="/static/client/img/mahle.jpg" data-id="8022" width="130" height="130"></img>
                            <b>MAHLE</b> огромный выбор немецких фильтров на легковые и грузовые автомобили. В наличии и
                            под заказ более 15000 наименований.
                        </a>
                    </li>
                    <li>
                        <a href="cats.html">
                            <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded"
                                 src="/static/client/img/bosch.jpg" data-id="8022" width="130" height="130"></img>
                            Специальные предложения от официального дистрибьютора <b>Bosch</b>. Новинки в наличии!
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!--левая  центральная панель с информацией-->
        <div class="span4">
            <!--запрос по VIN-->
            <div class="alert alert-success"
                 title="Оставте номер кузова Вашего автомобиля и список запчастей, и наши менеджеры сами подберут нужные запчасти и свяжуться с Вами!">
                <img src="/static/client/img/vin111.png">
                <b>Укажите номер кузова автомобиля</b>

                <form class="form-search">
                    <div class="input-append">
                        <input type="text" class="span8 search-query" placeholder="17 символов">
                        <button value="Продолжить" data-toggle="modal" href="#myModal" type="submit"
                                class="btn btn-success">Продолжить
                        </button>
                    </div>
                </form>
            </div>


            <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3 id="myModalLabel">Запрос по VIN</h3>

                    <p>Наши менеджеры в течении нескольких минут подберут Вам нужные запчасти.</p>
                </div>
                <div class="modal-body" style="background-image:url(img/012.jpg)">

                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Название запчасти*">
                    </div>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Название запчасти">
                    </div>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Название запчасти">
                    </div>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Название запчасти">
                    </div>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Название запчасти">
                    </div>
                    </br>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg span16" placeholder="Примечание">
                    </div>
                    </br>
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control input-lg" placeholder="Контактное лицо*">
                        <input type="text" class="form-control input-lg" placeholder="Контактный телефон*">
                    </div>
                    <div class="alert alert-danger">* - поля обязательные к заполнению</div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
                    <button class="btn btn-primary">Готово</button>
                </div>


            </div>

            </br>


        </div>
        <!--правая  центральная панель с информацией-->
        <div class="span4">
            Ты выбрал кароче <h1>{{ brand }}</h1>
        </div>

        <!--левая панель с Акциями-->
        <div class="span2">
            <div class="navbar-inner">
                <ul class="nav">
                    <img class="img-font" src="/static/client/img/sale.png" data-id="8022"></img>
                    </br>
                    </br>
                    <li>
                        <a href="cats.html">
                            <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded"
                                 src="/static/client/img/ats.jpg" data-id="8022" width="130" height="130"></img>
                            Расспродажа поршней компании <b>GLYCO</b>. Огромный выбор акционной продукции на японские и
                            немецкие двигатели.
                        </a>
                    </li>
                    <li>
                        <a href="cats.html">
                            <img class="img-font" title="" alt="Regulators Expanded"
                                 src="/static/client/img/castrol.jpg" data-id="8022" width="130" height="130"></img>
                            При покупке масла <b>Castrol EDGE</b> - скидка на масляный фильтр <b>50%</b>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>


{% endblock %}